import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

// 在挂载到vue之前 进行封装配置-----------开始
axios.defaults.baseURL = 'https://www.yourUrl.com';
axios.defaults.timeout = 10000;
axios.defaults.withCredentials=true;

Vue.prototype.baseUrl = axios.defaults.baseURL
Vue.prototype.baseUrlImg = 'https://www.yourUrl.com'

// 请求拦截器
axios.interceptors.request.use(config => {
  // 在发送请求之前做些什么
  return config;
}, error => {
  // 对请求错误做些什么
  if (error.code === 'ECONNABORTED' && error.message.indexOf('timeout') !== -1) {
    console.log('timeout请求超时')
    // return service.request(originalRequest);// 再重复请求一次
  }
  // 2. 需要重定向到错误页面
  const errorInfo = error.response
  console.log(errorInfo)
  if (errorInfo) {
    error = errorInfo.data // 页面那边catch的时候就能拿到详细的错误信息,看最下边的Promise.reject
    const errorStatus = errorInfo.status; // 404 403 500 ...
    router.push({
      path: `/error/${errorStatus}`
    })
  }
  return Promise.reject(error);
});

// 响应拦截器
axios.interceptors.response.use(response => {
  // 对响应数据做点什么
  let data;
  // IE9时response.data是undefined，因此需要使用response.request.responseText(Stringify后的字符串)
  if (response.data == undefined) {
    data = JSON.parse(response.request.responseText)
  } else {
    data = response.data
  }
  // 根据返回的code值来做不同的处理
  switch (data.rc) {
    case 1:
      console.log(data.desc)
      break;
    case 0:
      console.log('登录成功')
    default:
  }
  return data;
}, err => {
  // 对响应错误做点什么
  if (err && err.response) {
    switch (err.response.status) {
      case 400:
        err.message = '请求错误'
        break
      case 401:
        err.message = '未授权，请登录'
        console.log('token过期')
        sessionStorage.removeItem("user");
        router.push('/login')
        break
      case 403:
        err.message = '拒绝访问'
        break
      case 404:
        err.message = `请求地址出错: ${err.response.config.url}`
        break
      case 408:
        err.message = '请求超时'
        break
      case 500:
        err.message = '服务器内部错误'
        break
      case 501:
        err.message = '服务未实现'
        break
      case 502:
        err.message = '网关错误'
        break
      case 503:
        err.message = '服务不可用'
        break
      case 504:
        err.message = '网关超时'
        break
      case 505:
        err.message = 'HTTP版本不受支持'
        break
      default:
    }
  }
  console.log(err)
  return Promise.reject(err);
});
// 在挂载到vue之前 进行封装配置-----------结束
Vue.use(VueAxios, axios)
